<template>
  <div>
    <van-nav-bar title="选择问卷类型" left-arrow left-text="返回" @click-left="backAction"/>

    <van-cell-group>
      <van-cell v-for="item in type_list" :key="item" :title="item.name"
                :to="{name: 'queAnswer',query:{'question_type':item.id}}" :clickable="true">
        <van-icon slot="right-icon" name="arrow"/>
      </van-cell>
    </van-cell-group>

  </div>
</template>

<script>
import Vue from "vue"
import {Cell, CellGroup, Icon} from "vant"

Vue.use(Icon)
Vue.use(Cell)
Vue.use(CellGroup)

export default {
  name: "queList",
  data() {
    return {
      type_list: [
        {
          id: 1,
          name: "0-3岁"
        },
        {
          id: 1,
          name: "3-6岁"
        },
        {
          id: 1,
          name: "6-12岁"
        },
      ]
    }
  },
  methods: {
    backAction() {
      history.back();
    }
  }
}
</script>

<style scoped>

</style>